<template>
    <div>
        <mt-swipe :auto="4000">
            <!-- 将来 谁调用此轮播图 谁传lunbotuList数据  应用父组件向子组件传值-->
            <mt-swipe-item v-for="item in lunbotuList" :key="item.id">
                <!-- isfull 只有true和false两个值，当为true时 会添加full类 -->
                <img :src="item.img" alt="" :class="{'full': isfull}">
            </mt-swipe-item>
        </mt-swipe>
    </div>
</template>
<script>
export default {
    //isfull 为轮播图的宽度问题  
    props: ['lunbotuList','isfull']
}
</script>
<style lang="scss" scoped>
// 轮播图样式
.mint-swipe{
    height:200px;
    .mint-swipe-item{
        text-align: center;
        // &:nth-child(1){
        //     background: red;
        // }
        // &:nth-child(2){
        //     background: blue;
        // }
        // &:nth-child(3){
        //     background: cadetblue;
        // }
        img{
           height: 100%; 
        }
    }
}
.full{
    width: 100%;
}
</style>
